$menu-icon-bule:#ffffffa3;
$menu-text-bule:#ffffffa3;
$menu-icon-blue-hover:#fff;
$menu-text-blue-hover:#fff;
$menu-bg-blue-hover:transparent;
$menu-bg-blue-active:#1E73D3;



.learun-theme-color-type-blue {

  .learun-header {
    background-color: $color-type-blue;

    &:after {
      display: none;
    }

    .el-avatar {
      background-color: #79C6FF;
      color: #fff;
    }

    &--icon-btn {
      color: $menu-text-bule;

      &:hover {
        color: #fff;
      }

      &:not(.noBg):before {
        display: none;
      }
    }
  }

  /* 侧边栏调整 */
  .learun-sidebar {
    background-color: $white;

    &__collapse {
      border-bottom: 1px solid $border-color-split;
      color: $text-color-secondary;
    }
  }


  .learun-el-menu.learun-el-menu-dark {
    &.el-menu,.el-menu {
      background-color: $color-type-blue;
    }

    .el-menu__icon {
      color: $menu-icon-bule;
    }
    .el-menu__text {
      color: $menu-text-bule;
    }
  
    .el-menu-item,
    .el-submenu__title {  
      &:hover {
        .el-menu__icon,.el-submenu__icon-arrow {
          color: $menu-icon-blue-hover;
        }
  
        .el-menu__text {
          color: $menu-text-blue-hover;
        }

        &:before {
          content: '';
          background: $menu-bg-blue-hover;
        }
      }
  
  
      &.is-active {
        .el-menu__icon,.el-submenu__icon-arrow {
          color: $menu-icon-active;
        }
  
        .el-menu__text {
          color: $menu-text-active;
        }
  
        &:before {
          content: '';
          background: $menu-bg-blue-active;
        }
      }
    }
  
    /*横向菜单*/
    &.el-menu--horizontal {
      &.el-menu>.el-submenu {
        &.is-opened>.el-submenu__title {
          .el-menu__icon {
            color: $menu-icon-blue-hover;
          }
          .el-menu__text {
            color: $menu-text-blue-hover;
          }
          &:before {
            content: '';
            background: $menu-bg-blue-hover;
          }
        }
  
        &.is-active>.el-submenu__title {
          .el-menu__icon {
            color: $menu-icon-active;
          }
          .el-menu__text {
            color: $menu-text-active;
          }
  
          &:before {
            content: '';
            background: $menu-bg-blue-active;
          }
        }
      }
    }
  }


  .learun-footer {
    background-color: $color-type-blue;
  
    &:after {
      background-color: $menu-bg-blue-active;
    }
  
    &__btn {  
      &:hover, &.isOpened {
        background-color: #79C6FF;
      }
    }
  
    &__menu_panel {
      background-color: $color-type-blue;
  
    }
    
  }

}